<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>29017 template preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Colaborate-Thin_400.font.js" type="text/javascript"></script>
<script src="js/Colaborate-Bold_400.font.js" type="text/javascript"></script>
<script src="js/moving-boxes.js" type="text/javascript"></script>
<!--[if lt IE 7]>
	<link href="css/ie_style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/ie_png.js"></script>
  <script type="text/javascript">
     ie_png.fix('.png, .nav li a, #left-shadow, #right-shadow');
  </script>
<![endif]-->
</head>

<body id="page1">
  <!-- header -->
  <div id="header">
    <div class="row-1">
    	<div class="container">
      	<!-- .nav -->
      	<ul class="nav">
        	<li class="item1 current"><a href="#">首页</a></li>
        	<li class="item2"><a href="#">公司介绍</a></li>
        	<li class="item3"><a href="#">经营理念</a></li>
        	<li class="item4"><a href="#">工程展示</a></li>
        	<li class="item5"><a href="#">产品展示</a></li>
        	<li class="item6"><a href="#">新宁资源</a></li>
        	<li class="item7"><a href="#">网络营销</a></li>
			<li class="item8"><a href="#">客户服务</a></li>
        </ul>
      	<!-- /.nav -->
        <!-- .social-services -->
        <ul class="social-services">
        	<li><a href="#">注册</a></li>
          <li><a href="#">登录</a></li>
        </ul>
        <!-- /.social-services -->
      </div>
    </div>
    <div class="row-2">
    	<div class="container">
      	<div class="indent">
        	<a href="index.html"><img src="images/logo.jpg" alt="" /></a>
        </div>
      </div>
    </div>
    <div class="row-3">
    	<div class="container">
      	<div id="slider">
          <img class="scrollButtons left" src="images/left-arrow.gif" alt="" />
          <div class="scroll">
            <div class="scrollContainer">
              <div class="panel" id="panel_1">
                <div class="inside">
                	<img src="images/slide1.jpg" alt="picture" />
                  <h2>Heavy Equipment</h2>
                  <p>Fusce euismod consequa... <a href="#">Read More</a></p>
                </div>
              </div>
              <div class="panel" id="panel_2">
                <div class="inside">
                	<img src="images/slide2.jpg" alt="picture" />
                  <h2>Heavy Equipment</h2>
                  <p>Fusce euismod consequa... <a href="#">Read More</a></p>
                </div>
              </div>
              <div class="panel" id="panel_3">
                <div class="inside">
                	<img src="images/slide3.jpg" alt="picture" />
                  <h2>Heavy Equipment</h2>
                  <p>Fusce euismod consequa... <a href="#">Read More</a></p>
                </div>
              </div>
              <div class="panel" id="panel_4">
                <div class="inside">
                	<img src="images/slide4.jpg" alt="picture" />
                  <h2>Engineering and Construction</h2>
                  <p>Fusce euismod consequa... <a href="#">Read More</a></p>
                </div>
              </div>
              <div class="panel" id="panel_5">
                <div class="inside">
                	<img src="images/slide5.jpg" alt="picture" />
                  <h2>Heavy Equipment</h2>
                  <p>Fusce euismod consequa... <a href="#">Read More</a></p>
                </div>
              </div>
              <div class="panel" id="panel_6">
                <div class="inside">
                	<img src="images/slide6.jpg" alt="picture" />
                  <h2>Heavy Equipment</h2>
                  <p>Fusce euismod consequa... <a href="#">Read More</a></p>
                </div>
              </div>
            </div>
            <div id="left-shadow"></div>
            <div id="right-shadow"></div>
          </div>
          <img class="scrollButtons right" src="images/right-arrow.gif" alt="" /></div>
      </div>
    </div>
  </div>
  <!-- content -->
  <div id="content">
  	<div class="row-1">
    	<div class="container">
      	<div class="wrapper line-ver">
      	  <div class="col-1">
          	<div class="indent">
              <form action="" id="search-form">
                <fieldset>
                  <input type="text" class="text" value="搜索" /><input type="submit" class="submit" value=""/>
                </fieldset>
              </form>
              <h3>Browse by category:</h3>
              <ul class="list1 p2">
              	<li><a href="#">销售一部</a></li>
                <li><a href="#">电话:0573-85595501</a></li>
                <li><a href="#">传真:0573-85595508</a></li>
                <li><a href="#">销售二部</a></li>
                <li><a href="#">手机:13757331899</a></li>
                <li><a href="#">传真:0573-85595508</a></li>
                <li><a href="#">销售三部</a></li>
                <li><a href="#">手机:13750792053</a></li>
                <li><a href="#">传真:0573-85595508</a></li>
                <li><a href="#">High Technology</a></li>
              </ul>
              <a href="#" class="txt1">Read more</a>
            </div>
          </div>
      	  <div class="col-2">

          	<div class="indent">
			  <div>
				<h2>关于产品的表格关于产品的表格关于产品的表格</h2>
			  </div>
              <div class="wrapper">
                <div class="col-1">
                	<p><img src="images/1page-img1.jpg" alt="" /></p>
                  <h5>产品图片</h5>
                  <p>产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明</p>
                  <a href="#" class="txt1">更多...</a>
                </div>
                <div class="col-2">
                	<p><img src="images/1page-img2.jpg" alt="" /></p>
                  <h5>产品图片</h5>
                  <p>产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明</p>
                  <a href="#" class="txt1">更多...</a>
                </div>
                <div class="col-3">
                	<p><img src="images/1page-img3.jpg" alt="" /></p>
                  <h5>产品图片</h5>
                  <p>产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明</p>
                  <a href="#" class="txt1">更多...</a>
                </div>
                <div class="col-4">
                	<p><img src="images/1page-img4.jpg" alt="" /></p>
                  <h5>产品图片</h5>
                  <p>产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明产品图片说明</p>
                  <a href="#" class="txt1">更多...</a>
                </div>
              </div>
            </div>
          </div>
      	</div>
      </div>
    </div>
    <div class="row-2">
    	<div class="container">
      	<div class="indent">
        	<div class="wrapper">
        	  <div class="col-1">
            	<h3>help centre</h3>
              <dl class="help-block">
              	<dt>+1 800 <strong>123</strong> <strong>5678</strong></dt>
                <dd>
                	<a href="#">We’re glad to help you, call us!</a>
                </dd>
              </dl>
            </div>
        	  <div class="col-2">
            	<h3>latest news</h3>
              <ul class="list2 p2">
              	<li>10-09-2010 <a href="#">Fusce euismod conse dui quat anteore</a></li>
                <li>09-09-2010 <a href="#">Euismod cpsumnulladolor sit amet</a></li>
                <li>08-09-2010 <a href="#">Smod consequat anteorem</a></li>
              </ul>
              <div class="wrapper"><a href="#" class="button">Read All News</a></div>
            </div>
        	  <div class="col-3">
            	<h3>find us elsewhere</h3>
              <div class="wrapper p2">
                <ul class="list3 col-1">
                	<li><a href="#">Twitter</a></li>
                  <li><a href="#">Delicious</a></li>
                  <li><a href="#">Facebook</a></li>
                </ul>
                <ul class="list3 col-2">
                	<li><a href="#">Digg</a></li>
                  <li><a href="#">Google</a></li>
                  <li><a href="#">Technorati</a></li>
                </ul>
              </div>
              <div class="wrapper"><a href="#" class="button">Read More</a></div>
            </div>
        	</div>
        </div>
      </div>
    </div>
  </div>
  <!-- footer -->
  <div id="footer">
  	<div class="container">
    	<div class="wrapper">
      	<em>World's most complete, open, and integrated industrial services!</em>
      	Industrial Technology (c) 2010&nbsp; |&nbsp; <a href="#">Privacy policy</a>
      </div>
    </div>
  </div>
  <script type="text/javascript"> Cufon.now(); </script>
  <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7078796-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
